import React from 'react'
import NoAddress from '../../images/noAddress.png'
import NoConcern from '../../images/no-collect.png'
import NoOrder from '../../images/no-order.png'
import NoCoupon from '../../images/my/no-cards.png'
import NoCashCoupon from '../../images/my/no-cash.png'

import './emptyBox.less'
export default class EmptyBox extends React.Component{
    render(){
        let {type,size} = this.props;
        let url = "";
        switch (type){
            case "noAddress":
                url = NoAddress;
                break;
            case "noConcern":
                url = NoConcern;
                break;
            case "noOrder":
                url = NoOrder;
                break;
            case "noCoupon":
                url = NoCoupon;
                break;
            case "noCashCoupon":
                url = NoCashCoupon;
                break;
        }
        return(
            <div className={`emptyBox ${type}`} style={{backgroundImage : `url(${url})`,backgroundSize : size}}>
            </div>
        )
    }
}